﻿@using ABC.Controllers.ViewModels.My.News.Admin
@using ABC.Core.Extentions
@model AddNewsViewModel
@{
    ViewBag.Title = "Добавление новости - Азбука24";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#header-new')
                        .attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
        else if ('@Model.HeaderImage') {
            $('#header-new')
                        .attr('src', '@Url.Image(Model.HeaderImage, 400, 400)');
        }

    };

    function Preview() {
        $(".news-preview").removeClass("hide");
        $(".post-full-content").html("");
        $(".post-full-content").html("<div class='page-header'><h1>" + $("#title").val() + "</h1></div>");
        $(".post-full-content").append("<p><img src='' id='header-new'></p>");
        $(".post-full-content p").after("<p>" + $("#form-news-anounce").val() + "</p><a name='post-cut'></a>");
        $(".post-full-content [name='post-cut']").after($("#form-news-full").val());
        readURL(document.getElementById("header-img"));
        $('body,html').animate({ scrollTop: 0 }, 800);
    }
    function ChangeCategory()
    {
        if ($("#category").val() == "Акции и спецпредложения") {
            $("#BeginingAction").parents(".control-group").removeClass("hide");
        }
        else {
            $("#BeginingAction").parents(".control-group").addClass("hide");
            $("#BeginingAction").val("");
            $("#EndAction").val("");
        }
    }
    function DeleteHeaderImg() {
        $("#header-img").replaceWith("<input type='file' class='hide' name='header-img' id='header-img'/>");
    }
    $(function () {
        ChangeCategory();
        $("#input01").typeahead({
            source: $.parseJSON('@Html.Raw(Model.TagsTypehead)'),
            mode: 'multiple'
        });
    });
</script>
<div class="row-fluid">
    @{Html.RenderPartial("_NewsLeftMenu");}
    <div class="span9">
        <div class="page-header">
            <h1>
                Добавление новости</h1>
        </div>
        @Html.ValidationSummaryDialog()
        <!--// Предпросмотр новости -->
        <div class="news-preview hide">
            <div class="post-full-content">
            </div>
        </div>
        <!-- Предпросмотр новости //-->
        <!--// Форма добавления новости -->
        @using (Html.BeginForm("AddNews", "Admin", FormMethod.Post, new { @class = "form-horizontal", id = "form1", enctype = "multipart/form-data" }))
        {
            <fieldset>
                <legend>Настройки</legend>
                <div class="control-group">
                    <label class="control-label" for="source">
                        Источник</label>
                    <div class="controls">
                        @Html.DropDownListFor(x => x.Source, Model.ListForSource, new { @class = "input-large", id = "source" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="category">
                        Рубрика</label>
                    <div class="controls">
                        @Html.DropDownListFor(x => x.Rubric, Model.ListForRubric, new { @class = "input-large", id = "category",  onchange="ChangeCategory();" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="name">
                        Автор</label>
                    <div class="controls">
                        @Html.HiddenFor(x => x.OwnerId)
                        <span class="input-large uneditable-input">@Model.AuthorFullName
                        </span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="date">
                        Дата и время</label>
                    <div class="controls">
                        <!--Должны выставляться автоматически на момент написания стать. Доступно для редактирования-->
                        @Html.TextBoxFor(x => x.DatePublication, new { id = "date", @class = "date input-small" })
                        @Html.TextBoxFor(x => x.TimePublication, new { @class = "time input-mini", type = "text" })
                    </div>
                </div>
                <div class="control-group hide">
                    <!-- Этот блок показывать если указана рубрика "Акции и спецпредложения" -->
                    <label class="control-label" for="BeginingAction">
                        Период действия</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.BeginingAction  , new { @class = "date input-small", placeholder = "Начало" })
                        @Html.TextBoxFor(x => x.EndAction, new { @class = "date input-small", placeholder = "Окончание" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="optionsCheckboxList">
                    </label>
                    <div class="controls">
                        <label class="checkbox inline">
                            @Html.CheckBoxFor(x => x.IsPublication)
                            Опубликовано
                        </label>
                        <p class="help-block">
                            До тех пор, пока вы не выберете эту опцию, новость не будет отображаться на сайте.</p>
                    </div>
                </div>
            </fieldset>
            <fieldset>
                <legend>Cодержимое новости</legend>
                <div class="control-group">
                    <label class="control-label" for="title">
                        Заголовок</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.Title, new { @class = "input-xlarge", id = "title", placeholder = "Обязательно к заполнению" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="main-image">
                        Заглавная картинка</label>
                    <div class="controls">
                        <div class="btn-group">
                            <button type="button" class="btn " onclick="$('#header-img').click()">
                                Выбрать на компьютере</button>
                            <button class="btn" rel="tooltip" type="button" data-original-title="Удалить" onclick="DeleteHeaderImg();">
                                <i class="icon-trash"></i>
                            </button>
                        </div>
                        <input type="file" class="hide" name="header-img" id="header-img" />
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="form-news-anounce">
                        Анонс новости</label>
                    <div class="controls">
                        @Html.TextAreaFor(x => x.Announcement, new { id = "form-news-anounce", placeholder = "Обычно, это первые два абзаца полной новости" })
                        <span class="help-block">Рекомендуемое количество символов - 300</span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="form-news-full">
                        Полный текст новости</label>
                    <div class="controls">
                        @Html.TextAreaFor(x => x.Content, new { @class = "textarea", id = "form-news-full", placeholder = "Для наилучшего внешнего вида и восприятия информации, рекомендуется соблюдать правила форматирования текста http://www.libex.ru/qna/tech/text/" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="input01">
                        Метки</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.Tags, new Dictionary<string, object> { { "class", "input-xlarge" }, { "id", "input01" }, { "placeholder", "Разделяйте запятыми" }, { "data-provide", "typeahead" }, { "autocomplete", "off" } })
                        <span class="help-block">Слова, описывающие основной смысл новости. Например: КАСКО,
                            скидки, урегулирование.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="ForButton">
                        Кнопка "Далее"</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.TextForButton, new { @class = "input-xlarge", placeholder = "По-умолчанию «Читать далее»" })
                    </div>
                </div>
            </fieldset>
            <div class="form-actions">
                <button class="btn btn-large" onclick="Preview();" type="button">
                    Предпросмотр</button>
                <button class="btn btn-primary btn-large" onclick="$('#form1').submit();">
                    Сохранить изменения</button>
            </div>
        }
        <!-- Элемент новостной ленты //-->
    </div>
</div>

